{include file="public/mobileheader"}
<style>
    body{
        padding-top: 45px;
    }
    .bar{
        width: 50%;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        margin-top: 9px;
        float: left;
        border: 1px solid grey;
        border-radius: 3px;
        padding: 3px;
    }
    .bar-active{
        background: #47eef7;
    }
    .mui-icon{
        display: inline-block;
        text-align: center;
    }
    .margin-top{
        margin-top: 12px;
    }
    .margin-top1{
        margin-top: 8px;
    }

    .head-img {
        width: 50px;
        height: 50px;
        margin-right: 5px;
        border-radius: 2px;
    }
    .center-top{
        padding:5px 9px 2px;
        background: #ffffff;
        margin: 3px 2px;
    }
    .padding2{
        padding-top: 5px;
    }
    .bar_content{

    }
</style>

    <body>
        <header class="mui-bar mui-bar-nav">
            <a onclick="window.history.go(-1)" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">激活码库仓</h1>
        </header>
        <div style="margin-bottom: 3em;">
            <a href="{:url('keyInventory')}" class="bar bar-active">已激活</a>
            <a href="{:url('keyInventory1')}" class="bar">未激活</a>
        </div>

        <div class="bar_content">
            {volist name = 'list' id = 'vo'}
                <div class="center-top">
                    <a href="{:url('myOrderDetail',array('order_num' => $vo['uid']))}">
                        <span class="mui-icon mui-icon mui-icon-arrowright mui-pull-right margin-top"></span>
                        <img class="mui-media-object mui-pull-left head-img" src="{$vo['headimgurl']}">
                        <div class="mui-media-body padding2">
                            <span style="color: black;">Key：{$vo['key']}</span>
                            <span style="margin-left: 5px;">{$vo['update_time']|changeTimeStamp}</span>
                            <span class="mui-pull-right margin-top1">详情</span>
                            <p class='mui-ellipsis'>用户名：{$vo['name']}</p>
                        </div>
                    </a>
                </div>
            {/volist}
        </div>

        {include file="public/nav"}
        {include file="public/mobilefooter"}
    </body>
</html>